
var otop = document.getElementById("top");
// 获取初始的top，不是实时的top
var t = 0;
if(otop.currentStyle){
    t = otop.currentStyle.top;
}else{
    t = getComputedStyle(otop,false).top;
}
t = parseInt(t);
onscroll = function(){
// 滚动时，不断获取最新的滚走了的距离
var scrollT = document.documentElement.scrollTop;
// 将初始的top+滚走了的距离，再设置给元素
otop.style.top = t + scrollT + "px";
}

//回到顶部
   // 8.实现点击按钮回到顶部功能
    // 不允许使用锚点
    // 要求使用js做
    var otop = document.getElementById("top");
    otop.onclick = function(){
    // 点击对应元素时，将滚动了的距离，强行设置为0
    document.documentElement.scrollTop = 0;
}